.container{
    padding: 30px 30px 60px 280px;
}
.green{
    color:#99cc99;
}
.green-dark{
    color:#009966;
}
.yellow{
    color:#ffff00;
}
.red{
    color:#ff6666;
}
.brown{
    color:#cc9933;
}
.blue{
    color:#6699cc;
}
.tl{
    text-align: left;
}
.wrapper{
    width:100%;
    height: 100%;
    position: fixed;
    left:0;
    top:0;
}
.flex-row{
    display: flex;
    justify-content: space-between;
}
.toast-box{
	position: fixed;
	top:65px;
    padding: 15px 15px 15px 50px;
	width: 300px;
	left:50%;
	margin-left:-150px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
	font-size: 14px;
	z-index: 99999999;
    }
    
    @keyframes mymove{
        0%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
        25%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        50%{
            opacity: 0.8;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            filter: alpha(opacity=80);
        }
        75%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        100%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
    }
    @-ms-keyframes mymove{
        0%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
        25%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        50%{
            opacity: 0.8;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            filter: alpha(opacity=80);
        }
        75%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        100%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
    }
    @-webkit-keyframes mymove{
        0%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
        25%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        50%{
            opacity: 0.8;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            filter: alpha(opacity=80);
        }
        75%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        100%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
    }
    @-moz-keyframes name{
        0%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
        25%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        50%{
            opacity: 0.8;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            filter: alpha(opacity=80);
        }
        75%{
            pacity: 0.5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            filter: alpha(opacity=50);
        }
        100%{
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter: alpha(opacity=0);
        }
    }
    .toast-box.success{
        background-color: #51a351;
        background-image: url() !important;
    }
    .toast-box.error{
        background-color: #bd362f;
        background-image: url() !important;
    
    }
    .btn-add {
        text-align: left;
        margin-bottom: 30px;
      }